login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[JS | MVC2] Search Function

Offline larssy1 - 28/04/2011 09:30
Avatar van larssy1MySQL beginner Beste mensen,

We zijn bezig met een MVC Project.
En nu is het de bedoeling dat als er bijv. een ledenlijst word weergegeven. Hierbij ook een functie zit.

Deze functie zelf staat boven de ledenlijst. En als er dan input word gegeven in het tekstveld, dat deze op basis van de al gegeven input de ledenlijst doorzoekt zonder op een knop 'search' hoeven te klikken.

Echter weet ik niet waar ik dit kan vinden, of op welke keyword ik op google moet zoeken.

In eerste instantie dacht ik dat ik de normale functie TextChanged() van C# zelf kon gebruiken, maar misschien is er een handigere manier?

Hopenlijk kunnen jullie mij hierbij helpen.

Mvg
Lars

4 antwoorden

Gesponsorde links
Offline ArieMedia - 28/04/2011 09:58 (laatste wijziging 28/04/2011 10:01)
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
http://www.site...amp;id=364 ?

Edit: onKeyDown is beter

  1. <input type="text"onKeyDown="window.alert('down to the hood, you know!')" />
Offline larssy1 - 28/04/2011 11:18
Avatar van larssy1 MySQL beginner Is het mogelijk om een Internet C# methode of ActionResult op tevragen in plaats van een JS of JQuery functie?
Offline marten - 28/04/2011 21:54 (laatste wijziging 28/04/2011 21:55)
Avatar van marten Beheerder
  1. $('#filter').keyup(function(event) {
  2. //if esc is pressed or nothing is entered
  3. if ( event.keyCode == 27 || $(this).val() == '' ) {
  4. //if esc is pressed we want to clear the value of search box
  5. $(this).val('');
  6.  
  7. //we want each row to be visible because if nothing
  8. //is entered then all rows are matched.
  9. $('#productenWrapper fieldset').removeClass('visible').show().addClass('visible');
  10. } else {
  11. //Filter
  12. filter('#wrapper p', $(this).val());
  13. }
  14. });
  15. });
  16.  
  17. function filter(selector, query) {
  18. query = $.trim(query); //trim white space
  19. query = query.replace(/ /gi, '|'); //add OR for regex
  20.  
  21. $(selector).each(function() {
  22. if($(this).text().search(new RegExp(query, "i")) < 0) {
  23. $(this).parent().hide();
  24. } else {
  25. $(this).parent().show();
  26. }
  27. });
  28. };


Dit hebben we dan wel met jQuery gemaakt maar je kan vast wel iets bedenken in je eigen project.

De functie zet je buiten je domready. De bovenste code (implementatie) zet je in de domready
Offline Maarten - 28/04/2011 22:53
Avatar van Maarten Erelid Je kan via jQuery een WCF-service aanspreken (google maar eens ), dus zo zou je het kunnen doen, is hetzelfde als bij PHP.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.181s